<div>
    <div class="row">
        <div class="col-md-2 padding-r-0">
            <div class=" border-radius ">
                <div class="margin-xs-r  treeview attendance-staff" style="height: 650px;">
                    <ul class="list-group text-center border-radius">
                        <!--  -->
                        <li class="list-group-item node-orgTree " @click="swatchDomain()" :class="{'vc-node-selected':mappingManageInfo.conditions.domain == ''}">
                            全部配置
                        </li>
                        <li class="list-group-item node-orgTree " v-for="(item,index) in mappingManageInfo.mappingDomains" :key="index" @click="swatchDomain(item)" :class="{'vc-node-selected':mappingManageInfo.conditions.domain == item.domain}">
                            {{item.domainName}}({{item.domain}})
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-10">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox " v-if="mappingManageInfo.curDomain.domain">
                        <div class="ibox-title">
                            <h5>
                                {{mappingManageInfo.curDomain.domainName}}({{mappingManageInfo.curDomain.domain}})
                            </h5>
                        </div>
                        <div class="ibox-content">
                            {{mappingManageInfo.curDomain.remark}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-title">
                            <div class="flex justify-start">
                                <div style="width: 200px;">
                                    <input type="text" :placeholder="vc.i18n('请输入名称','mappingManage')" v-model="mappingManageInfo.conditions.nameLike" class="form-control input-sm">
                                </div>
                                <dev style="width: 200px;" class="margin-left-sm">
                                    <input type="text" :placeholder="vc.i18n('请输入键','mappingManage')" v-model="mappingManageInfo.conditions.key" class=" form-control">
                                </dev>
                                <dev class="margin-left">
                                    <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryMappingMethod()">
                                        <i class="fa fa-search"></i>
                                        <span><vc:i18n name="查询" namespace="mappingManage"></vc:i18n></span>
                                    </button>
                                </dev>
                            </div>
                            <div class="ibox-tools " style="top:10px;">
                                <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddMappingModal()">
                                    <i class="fa fa-plus"></i>添加
                                </button>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                                <thead>
                                    <tr>
                                        <th class="text-center">
                                            <span><vc:i18n name="编码" namespace="mappingManage"></vc:i18n></span>ID
                                        </th>
                                        <th class="text-center">
                                            <span><vc:i18n name="域" namespace="mappingManage"></vc:i18n></span>
                                        </th>
                                        <th class="text-center">
                                            <span><vc:i18n name="名称" namespace="mappingManage"></vc:i18n></span>
                                        </th>
                                        <th class="text-center">
                                            <span><vc:i18n name="键" namespace="mappingManage"></vc:i18n></span>
                                        </th>
                                        <th class="text-center">
                                            <span><vc:i18n name="值" namespace="mappingManage"></vc:i18n></span>
                                        </th>
                                        <th class="text-center">
                                            <span><vc:i18n name="操作" namespace="mappingManage"></vc:i18n></span>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="mapping in mappingManageInfo.mappings">
                                        <td class="text-center">{{mapping.id}}</td>
                                        <td class="text-center">{{mapping.domain}}</td>
                                        <td class="text-center">{{mapping.name}}</td>
                                        <td class="text-center">{{mapping.mappingKey}}</td>
                                        <td class="text-center">{{mapping.value}}</td>
                                        <td class="text-center">
                                            <div class="btn-group">
                                                <button class="btn-white btn btn-xs" v-on:click="_openEditMappingModel(mapping)">
                                        修改
                                    </button>
                                            </div>
                                            <div class="btn-group">
                                                <button class="btn-white btn btn-xs" v-on:click="_openDeleteMappingModel(mapping)">
                                        删除
                                    </button>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- 分页 -->

                            <div class="row margin-top-xs">
                                <div class="col-sm-9">
                                    <div>
                                        温馨提示：改动后，需要到 缓存-> 刷新缓存 下缓存 刷新所有缓存（ALL）；
                                    </div>
                                </div>
                                <div class="col-sm-3 float-right">
                                    <vc:create path="frame/pagination"></vc:create>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <vc:create path="dev/addMapping"></vc:create>
        <vc:create path="dev/editMapping"></vc:create>
        <vc:create path="dev/deleteMapping"></vc:create>
    </div>